.container{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    padding-top:0.9rem;
}
.top{
    width:100%;
    display: flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
    color:#808082;
    font-size:0.3rem;
    height:0.9rem;
    box-sizing: border-box;
    position: fixed;
    top:0;
}
.top img{
    position:absolute;
    left:0.32rem;
    top:0.29rem;
}
.top .function{
    position:absolute;
    color:#4d69e3;
    font-size:0.28rem;
    height:100%;
    line-height:0.9rem;
    right:0.32rem;
}
.top .function span:nth-of-type(2){
    padding-left:0.46rem;
}
.search{
    position: fixed;
    background: #fff;
    top:0.9rem;
    width:100%;
    position: relative;
}
.search img{
   position: absolute;
   left:0.26rem;
   top:0.2rem;
   color:#c7c8cd;
}
.search input{
    width:100%;
    height:0.74rem;
    background: #f5f8ff;
    margin:0 auto;
    padding-left:0.8rem;
    margin-bottom:0.2rem;
}
.list{
    width:100%;
    padding-top:0.9rem;
}
.items{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
    box-sizing: border-box;
    height:0.88rem;
    border-bottom:1px solid #e2e3e9;
    padding-left:0.35rem;
    padding-right:0.3rem;
    font-size:0.3rem;
}
.iconR{
    width:0.16rem;
    height:0.24rem;
}
.footer{
    height:0.88rem;
    border-top:1px solid #e2e3e9;
    width:100%;
    text-align: center;
    position:fixed;
    bottom:0;
    background: #fff;
    line-height:0.88rem;
    color:#4d69e3;
    font-size:0.3rem;
}
